<template>
  <div class="wrap">
       <header>
          <router-link to="/myhome" class="img">
          <img src="lt.jpg" alt="">
          </router-link>
          <span class="faq">积分商城</span>
          <span class="rig">...</span>
      </header>
      <section>
          <div class="logn">
              <span class="p1">当前积分</span><span class="iconfont icon-wenhao"></span>
            <div class="record">
                兑换记录
            </div>
          </div>
      </section>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .wrap{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        background-color: #f3f4f6;
    }
    header{
        width: 100%;
        height: 0.45rem;
        line-height: 0.45rem;
        background-color: white;
    }
    .img{
        position: relative;
        left: 0.2rem;
    }
    .faq{
        font-size: 0.16rem;
        font-weight: bold;
        margin-left: 1.3rem;
    }
    .rig{
        font-size: 0.16rem;
        font-weight: bold;
        margin-left: 1.5rem;
    }
    section{
        flex: 1;
        
    }
    .logn{
        display: flex;
        width: 100%;
        height: 0.8rem;
        background-color: #f24a30;
        color: white;
        line-height: 0.8rem;
    }
    .p1{
        margin:0 0.2rem;
    }
    .record{
        width: 0.84rem;
        height: 0.33rem;
        border: 1px solid white;
        border-radius: 0.5rem;
        line-height: 0.33rem;
        text-align: center;
        margin-left: 1.5rem;
        margin-top: 0.25rem;
   
    }

</style>